<!-- <body style="padding: 30px 3em 0 3em;"> -->
<div class="sixteen wide column" style="margin: 0 auto;">
    <div class="ui top attached tabular menu">
        <a class="active item" data-tab="tab">环境管理</a>
        <a class="item" ng-href="#/host">主机管理</a>
        <a class="item" ng-href="#/system">应用管理</a>
    </div>
    <div class="ui bottom attached active tab segment" data-tab="tab">
        <div class="ui input"><input type="text" placeholder="环境名称，比如：开发" id="envName" ng-model="envName"></div>
        <div class="ui input"><input type="text" placeholder="环境编码，比如：dev" id="envCode" ng-model="envCode"></div>
        <div class="ui teal button" ng-click="addNewEnv();">
            <i class="icon plus"></i>
            添加
        </div>
        <table class="ui table celled">
            <thead>
            <tr>
                <th>序号</th>
                <th>环境名称</th>
                <th>环境编码</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="env in envs">
                <td>{{$index + 1}}</td>
                <td>{{env.name }}</td>
                <td>{{env.code }}</td>
                <td><i class="remove icon clickIcon" ng-click="deleteEnv(env._id)"></i></td>
            </tr>
            </tbody>
        </table>
    </div>
</div>